<template>
    <!-- 退保结果-->
    <div>

        <policy-list v-if="show" :type="'退保结果'" @goResult="goResult" ref="list">
        </policy-list>

        <el-dialog title="退保结果" :visible.sync="form" size="large" v-if="form">
            <result-show :type="'退保结果'" :content="content"   @close="close">
            </result-show>
              <ask-show :type="'查看'">
            </ask-show>
            <div class="space20">
            </div>
            <div style="height:600px; overflow:scroll">
                <policy-show :type="'退保'">
                </policy-show>
            </div>
        </el-dialog>
    </div>
</template>

<script>
import PolicyList from "@/components/Back/PolicyList";
import resultShow from "@/components/Back/resultShow";
import PolicyShow from "@/components/Sell/policyShow";
export default {
  data() {
    return {
      show: false,
      form: false,
      content: {}
    };
  },
  components: {
    "policy-list": PolicyList,
    "result-show": resultShow,
    "policy-show": PolicyShow
  },
  methods: {
    goResult(content) {
      this.form = true;
      this.content = content;
    },
    close() {
      this.form = false;
      this.$refs.list.getDate();
    }
  },
  activated() {
    this.show = true;
    if (this.$refs.list) {
      this.$refs.list.getDate();
    }
  }
};
</script>

<style>

</style>
